/*
	Name: Global Form Styles
	Description: Default styling for forms.
				 Message classes borrowed from
				 http://www.blueprintcss.org/
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/

div.fieldset {
	background: #f9f9f9;
	margin: 1.5em;
	padding: 2em;
	position: relative;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend {font-size: 1.25em; margin-bottom: 0 !important; margin-bottom: 1.429em; padding: 0 .5em;}
label {font-size: 1.1em; height: 25px; line-height: 25px;}
.label {font-size: 1.1em; height: auto; line-height: auto;}
span.data {font-size: 1.1em; height: auto; line-height: auto;}
.editEntry {position: absolute; top: 1em; right: 1em;}

	/* Input Types */
	input[type='text'],
	input[type='password'],
	input[type='email'],
	input[type='url'],
	textarea {
		background: #fff;
		border: 1px solid #cbcbcb;
		color: #333;
		font-family: inherit;
		font-size: inherit;
		padding: 2px;
	}
	input[type='text']:hover,
	input[type='password']:hover,
	input[type='email']:hover,
	input[type='url']:hover,
	textarea:hover {
		background: #FFFBEF;
		border-color: #ff0;
		cursor: text;
	}
	input[type='text']:focus,
	input[type='password']:focus,
	input[type='email']:focus,
	input[type='url']:focus,
	textarea:focus {
		background: #ffC;
		border-color: #ff1;
		color: #0d0d0d;
	}
	
	input[type='checkbox'], input[type='radio'] {
		margin-top: 4px;
	}
	
	input[type='button'],
	input[type='submit'] {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-box-shadow: 0 0 1em gold; 
		-webkit-box-shadow: 0 0 1em gold;
		background: #ffce0a;
		background: -webkit-gradient(linear,left bottom,left top,from(#ffce0a),to(#fff));
		background: -moz-linear-gradient(center bottom, #ffce0a, #fff);
		border: 1px solid #ffce0a;
		border-radius: 5px;
		box-shadow: 0 0 1em gold;
		color: #000;
		cursor: pointer;
		font-family: inherit;
		font-size: inherit;
		font-weight: 800;
		padding: .3em 2em;
	}
	
	input[type='button']:hover,
	input[type='submit']:hover {
		background: #ffce0a;
		background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#ffce0a));
		background: -moz-linear-gradient(center bottom, #fff, #ffce0a);
	  color: #f00;
	}
	
	input:required, textarea:required {outline: 1px solid #C74350;}
	
	/* Textarea */
	textarea {width: 99%; margin-bottom: 7px;}

	/* Alignments */
	div.left {margin-left: 1em;}
	div.right {margin-right: 1em;}
	
	.labels-left label, div.left label, .labels-left .label, div.left .label {
		clear: left;
		float: left;
		margin-right: .5em;
		text-align: right;
		width: 100%;
	}
	.labels-left input, div.left input, .labels-left select, div.left select {float: left;}
	
	.labels-right label, div.right label {
		float: left;
		margin-left: .5em;
		text-align: right;
	}
	.labels-right input, div.right input, .labels-right select, div.right select {clear: left; float: left;}
	
	.labels-top label, div.top label {display: block;}
	.labels-top input, div.top input {margin-bottom: 0;}
	
	/* Columns */
	.columns-2 {clear: left;}
	.columns-2 div.column1, .columns-2 div.column2 {float: left; margin-left: 0.5em; width: 48%;}
	.columns-2 input.text {width: 150px;}
	
	.columns-3 div.column1, .columns-3 div.column2, .columns-3 div.column3 {float: left; width: 33%;}
	.columns-3 input.text {width: 120px;}
	
	.columns-2 div.left, .columns-2 div.right, .columns-2 div.top {width: 32%;}
	.columns-3 div.left, .columns-3 div.right, .columns-3 div.top {width: 29%;}
	
/* Messages classes */
.req {color: #C74350;}
.error,.notice, .success {
	padding: .5em;
	margin: 2em;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 0.5em #000; 
	-webkit-box-shadow: 0 0 0.5em #000;
	box-shadow: 0 0 0.5em #000;
}

.error {
	-moz-box-shadow: 0 0 0.5em #d00000; 
	-webkit-box-shadow: 0 0 0.5em #d00000;
	box-shadow: 0 0 0.5em #d00000;
	background: #FBE3E4; 
	border-color: #d00000; 
	color: #000;
}

.errorfield {
	-moz-box-shadow: 0 0 0.5em #000099; 
	-webkit-box-shadow: 0 0 0.5em #000099;
	box-shadow: 0 0 0.5em #000099;
	background: #000099; 
	border-color: #000099; 
	color: #000;
}
.notice {background: #FFF6BF; border-color: #FFD324; color: #000;}
.success {background: #E6EFC2; border-color: #C6D880; color: #000;}

.error a {color: #8a1f11;}
.notice a {color: #514721;}
.success a {color: #264409;}


div.formFooter {margin: 1em 0.5em; text-align: center;}

.forgotpwdlink {
	font-family: inherit;
	font-size: 0.75em;
	padding: 0.5em 32em;
}

.forgotpwd {
	font-family: inherit;
	font-size: 0.90em;
	padding: 1em 10em;
}

.forgotpwdsuccess {
	font-family: inherit;
	font-size: 1em;
	padding: 1em 10em;
}

.requiredfieldmessage {
	font-family: inherit;
	font-size: 0.90em;
	padding: 1em 10em;
	color: #F00000;
}

.smallhelpfulfieldtext {
	font-family: inherit;
	font-size: 0.90em;
	padding-left: 6em;
}

.iconhlink {
	font-family: inherit;
	font-size: 0.80em;
	padding-left: 1em;
}
